<template>
<div>
  <div class="mode-left-link">
<!--    {{links}}-->
    <ul>
<!--      <li class="link link1" :key="index" @click="goHref(link)" :class="[`link`+(index+1)]" v-for="(link,index) in links">-->
<!--        <img :src="link.icon" style="width: 25px" alt="" srcset="">-->
<!--        <span>{{ link.name }}</span>-->
<!--      </li>-->
      <li class="link link1" @click="goHref(links.Documentation)">
        <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <path d="M4.5,5 L11.5,5 C11.7761424,5 12,4.77614237 12,4.5 C12,4.22385763 11.7761424,4 11.5,4 L4.5,4 C4.22385763,4 4,4.22385763 4,4.5 C4,4.77614237 4.22385763,5 4.5,5 Z M4.5,8.5 L11.5,8.5 C11.7761424,8.5 12,8.27614237 12,8 C12,7.72385763 11.7761424,7.5 11.5,7.5 L4.5,7.5 C4.22385763,7.5 4,7.72385763 4,8 C4,8.27614237 4.22385763,8.5 4.5,8.5 Z M8.5,11 L4.5,11 C4.22385763,11 4,11.2238576 4,11.5 C4,11.7761424 4.22385763,12 4.5,12 L8.5,12 C8.77614237,12 9,11.7761424 9,11.5 C9,11.2238576 8.77614237,11 8.5,11 Z M14,2.077 C14,1.2075 13.3055,0.5 12.452,0.5 L3.5475,0.5 C2.6945,0.5 2,1.2075 2,2.077 L2,13.923 C2,14.7925 2.6945,15.5 3.5475,15.5 L10.3445,15.5 C10.369,15.5 10.39,15.4895 10.4135,15.486 C10.5535,15.511 10.702,15.482 10.8195,15.384 L13.8195,12.884 C13.942404,12.7788222 14.0056162,12.6198564 13.9885,12.459 C13.991,12.4405 14,12.4245 14,12.4055 L14,2.077 Z M3,13.923 L3,2.077 C3,1.759 3.2455,1.5 3.5475,1.5 L12.452,1.5 C12.7545,1.5 13,1.759 13,2.077 L13,11.5 L11.5,11.5 C10.6715729,11.5 10,12.1715729 10,13 L10,14.5 L3.5475,14.5 C3.2455,14.5 3,14.241 3,13.923 Z M12.719,12.5 L11,13.9325 L11,13 C11,12.7238576 11.2238576,12.5 11.5,12.5 L12.719,12.5 Z" id="形状"></path>
        </svg>
        <span>{{$t('documentation')}}</span>
      </li>
      <li class="link link2" @click="goHref(links.SubmitProject)">
        <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <path d="M1.76241271,9.78958776 L1.85360731,9.8305741 L7.59169517,13.0244348 C7.73309805,13.1033335 7.89089547,13.1504678 8.05484085,13.1637884 C8.27697921,13.1770348 8.47461901,13.3092877 8.57159384,13.5095795 C8.66856867,13.7098713 8.6497386,13.946932 8.52236036,14.1294031 C8.39498212,14.3118742 8.17894229,14.4112679 7.95749827,14.38928 C7.68744211,14.3682226 7.42300094,14.300986 7.17568381,14.1904962 L6.99329459,14.098277 L1.25520673,10.9054409 C0.974749344,10.7500325 0.86082012,10.4051802 0.993500675,10.113283 C1.12618123,9.82138573 1.46091385,9.6804706 1.76241271,9.78958776 L1.76241271,9.78958776 Z M15.3852481,11.7374573 C15.7233854,11.7374573 15.9979939,12.0008009 15.9979939,12.3266423 C15.9907124,12.6580463 15.7166724,12.9210881 15.3852481,12.9147963 L12.3430369,12.9147963 L12.7344564,13.2724022 C12.8533168,13.3789666 12.9199196,13.5285668 12.9199196,13.6843149 C12.9195155,13.8417516 12.8520638,13.9915615 12.7344564,14.0962276 C12.6221119,14.2116614 12.4672114,14.2757709 12.3061492,14.2734936 C12.1451101,14.2756496 11.9902557,14.2115591 11.8778419,14.0962276 L10.4330733,12.7385551 C10.2508065,12.5809772 10.1955468,12.3214238 10.2978184,12.1032668 C10.3961185,11.8800303 10.6174622,11.7363581 10.8613806,11.7374573 L15.3852481,11.7374573 L15.3852481,11.7374573 Z M1.76241271,6.71663678 L1.85360731,6.75762313 L7.59169517,9.95045915 C7.87215255,10.1058676 7.98608178,10.4507199 7.85340122,10.7426171 C7.72072067,11.0345143 7.38598805,11.1754295 7.08448919,11.0663123 L6.99226992,11.025326 L1.25520673,7.83146527 C0.974749344,7.67605686 0.86082012,7.33120453 0.993500675,7.03930731 C1.12618123,6.74741009 1.46091385,6.60649496 1.76241271,6.71561211 L1.76241271,6.71663678 Z M14.2366059,8.3673617 L15.81458,9.83569739 C15.9964896,9.99353672 16.0513224,10.2530508 15.9488103,10.4709857 C15.8505102,10.6942221 15.6291665,10.8378943 15.3852481,10.8367888 L10.8613806,10.8367888 C10.5295647,10.8430761 10.2553597,10.5794174 10.2486348,10.2476101 C10.2486348,9.92279337 10.5232433,9.65945612 10.8613806,9.65945613 L13.843137,9.65945613 L13.3799913,9.19118717 C13.2666767,9.08414624 13.2024624,8.93515245 13.2024624,8.77927443 C13.2024624,8.62339642 13.2666767,8.47440263 13.3799913,8.3673617 C13.6204404,8.14042872 13.9961567,8.14042872 14.2366059,8.3673617 L14.2366059,8.3673617 Z M9.13892958,0.258213954 L14.8770174,3.45104998 C15.0139537,3.52887274 15.1138797,3.65845124 15.154343,3.8106703 C15.1948063,3.96288936 15.1724134,4.12498302 15.0921957,4.26053024 C15.0375436,4.35527197 14.9586833,4.43377863 14.8636969,4.48800444 L9.04773498,7.8212187 C8.50603192,8.13550822 7.83933066,8.14328316 7.29044556,7.84171186 L1.5523577,4.64887583 C1.41570336,4.5710527 1.31598089,4.44166151 1.27553268,4.28969181 C1.23508447,4.1377221 1.25729187,3.9758781 1.3371794,3.84042024 C1.39140521,3.74543384 1.46991187,3.66657354 1.5646536,3.61192138 L7.38164018,0.27870712 C7.92334323,-0.0355823925 8.59004448,-0.0433573324 9.13892958,0.258213954 Z M7.98106543,1.1640121 L7.89704342,1.20499845 L2.81986033,4.11502872 L7.8283913,6.90312463 C8.01875114,7.00814078 8.24661719,7.02059042 8.44728506,6.93693836 L8.53233172,6.89595203 L13.6105395,3.98387243 L8.60098385,1.19680119 C8.41046521,1.09211792 8.1826034,1.08004577 7.98209008,1.1640121 L7.98106543,1.1640121 Z" id="形状"></path>
        </svg>
        <span>{{$t('submitProject')}}</span>
      </li>
      <li class="link link3" @click="goHref(links.MicroseedSystem)">
        <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <path d="M14.46875,8.24317187 C14.740375,8.24317187 14.9605625,8.02298438 14.9605625,7.75135937 C14.9605625,7.47973437 14.740375,7.2595625 14.46875,7.2595625 L8.5,7.2595625 L8.5,6.11045313 L10.34375,6.11045313 C10.6198906,6.11045313 10.84375,5.88659375 10.84375,5.61045313 L10.84375,2.03109375 C10.84375,1.75495312 10.6198906,1.53109375 10.34375,1.53109375 L5.65625,1.53109375 C5.38010937,1.53109375 5.15625,1.75495312 5.15625,2.03109375 L5.15625,5.6104375 C5.15625,5.88657812 5.38010937,6.1104375 5.65625,6.1104375 L7.5,6.1104375 L7.5,7.25954687 L1.53125,7.25954687 C1.259625,7.25954687 1.0394375,7.47973437 1.0394375,7.75135937 C1.0394375,8.02298438 1.259625,8.24317187 1.53125,8.24317187 L3.7750625,8.24317187 L3.7750625,9.38040625 L1.9313125,9.38040625 C1.65517188,9.38040625 1.4313125,9.60426563 1.4313125,9.88040625 L1.4313125,13.45975 C1.4313125,13.7358906 1.65517188,13.9597656 1.9313125,13.9597656 L6.6188125,13.9597656 C6.89495313,13.9597656 7.1188125,13.7358906 7.1188125,13.45975 L7.1188125,9.88042187 C7.1188125,9.60428125 6.89495313,9.38042187 6.6188125,9.38042187 L4.7750625,9.38042187 L4.7750625,8.2431875 L11.216125,8.2431875 L11.216125,9.38042187 L9.30034375,9.38042187 C9.02420313,9.38042187 8.80034375,9.60428125 8.80034375,9.88042187 L8.80034375,13.4597656 C8.80034375,13.7359062 9.02420313,13.9597656 9.30034375,13.9597656 L13.9878438,13.9597656 C14.2639844,13.9597656 14.4878438,13.7359062 14.4878438,13.4597656 L14.4878438,9.88042187 C14.4878438,9.60428125 14.2639844,9.38042187 13.9878438,9.38042187 L12.216125,9.38042187 L12.216125,8.2431875 L14.46875,8.2431875 L14.46875,8.24317187 Z M6.15625,2.53109375 L9.84375,2.53109375 L9.84375,5.1104375 L6.15625,5.1104375 L6.15625,2.53109375 Z M6.1188125,12.9597656 L2.4313125,12.9597656 L2.4313125,10.3804219 L6.1188125,10.3804219 L6.1188125,12.9597656 Z M13.4878438,12.9597656 L9.80034375,12.9597656 L9.80034375,10.3804219 L13.4878438,10.3804219 L13.4878438,12.9597656 Z" id="形状"></path>
        </svg>
        <span>{{$t('microseedSystem')}}</span>
      </li>
    </ul>
  </div>
</div>
</template>

<script>
export default {
  name: "leftLink",
  props:{
    links:{
      type: Object,
      // required: true,
      default: ()=>{}
    }
  },
  methods:{
    goHref(link){
        window.open(link)
    }
  }
}
</script>

<style scoped>

</style>
